<template>
  <div class="row">
    <!-- <Item v-for="user in userinfo.userList" :key="user.id" :user="user" /> -->
    <h2 v-show="userInfo.isInit">请搜索</h2>
    <h2 v-show="userInfo.isSearch">正在搜索中....</h2>

    <Item v-for="user in userInfo.userList" :key="user.id" v-bind="user" />
    <!-- <h1 v-for="user in userinfo.userList" :key="user.id">hhh</h1> -->
    <button @click="add">ddad</button>
  </div>
</template>

<script>
import Item from "./Item";
export default {
  name: "List",
  components: {
    Item,
  },
  data() {
    return {};
  },
  props: ["userInfo"],
  methods: {
    add() {
      console.log(this.userInfo);
    },
  },
};
</script>

<style>
.blue {
  height: 100px;
  background-color: blue;
}
</style>